<!DOCTYPE html>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GBK">

		<meta name="robots" content="all">
		<meta name="author" content="Tencent-CP">
		
		<title>福利中心</title>
		<link rel="stylesheet" type="text/css" href="/style/cdk/swiper.css">

		<meta http-equiv="Cache-Control" content="no-cache">

		<style type="text/css" abt="234">
			.dnfact_navbg {
			        	width:100%;
			        	min-width:1380px;
			        	height:85px;
			        	padding-top:3px;
			        	background:#171B24 url(/style/cdk/actnav.png) repeat-x;
			        }
			        .dnfact_nav {
			        	width:1200px;
			        	margin:0 auto;
			        	overflow:hidden;
			        }
			        .dnfact_nav a,.dnfact_nav a:hover {
			        	text-decoration:none;
			        }
			        ._act_nav {
			        	width:1080px;
			        	float:left;
			        	margin-left:-2px;
			        }
			        ._act_nav li {
			        	float:left;
			        	height:85px;
			        	width:135px;
			        	overflow:hidden;
			        	background:#171B24 url(/style/cdk/actnav.png) no-repeat 0 -297px;
			        }
			        ._act_nav li a {
			        	display:block;
			        	height:65px;
			        	padding:20px 0 0 6px;
			        	white-space:nowrap;
			        	color:#767a82;
			        	font-size:12px;
			        	font-family:微软雅黑;
			        	margin-left:2px;
			        }
			        ._act_nav li strong {
			        	display:block;
			        	font-weight:normal;
			        	font-size:14px;
			        	margin-bottom:5px;
			        	color:#A9A9A9;
			        	font-weight:bold;
			        }
			        ._act_nav li a:hover {
			        	color:#fef9c3;
			        }
			        ._act_nav li a:hover strong {
			        	color:#fef9c3;
			        }
			        ._act_nav .s,._act_nav li a:hover {
			        	background:#171B24 url(/style/cdk/actnav.png) repeat-x 0 -91px;
			        }
			        ._act_nav .s a,._act_nav .s strong {
			        	color:#fef9c3;
			        }
			        ._act_btn {
			        	float:left;
			        	width:90px;
			        	padding:8px 9px 0 13px;
			        }
			        ._act_btn li {
			        	padding:4px 0;
			        }
			        ._act_btn a {
			        	display:block;
			        	width:90px;
			        	height:26px;
			        	line-height:25px;
			        	text-align:center;
			        	background:#e4c8a5;
			        	border-radius:2px;
			        	color:#17181c;
			        }
			        ._user_info {
			        	float:left;
			        	width:190px;
			        	font-size:12px;
			        }
			        ._user_info p {
			        	padding:10px 0;
			        	line-height:22px;
			        	color:#c1c1c1;
			        	text-align:center;
			        }
			        ._user_info p a {
			        	color:#797979;
			        }
			        ._user_info p a:hover {
			        	color:#fef9c3;
			        }
			        ._user_info ul {
			        	height:30px;
			        	border-radius:15px;
			        	background:#23242c;
			        	width:100%;
			        	overflow:hidden;
			        }
			        ._user_info li {
			        	float:left;
			        	width:57px;
			        	padding:5px 6px 0 2px;
			        	margin-left:-2px;
			        	display:inline;
			        	height:30px;
			        	background:url(/style/cdk/actnav.png) no-repeat 0 -267px;
			        }
			        ._user_info li a {
			        	display:block;
			        	width:57px;
			        	height:20px;
			        	line-height:20px;
			        	background-image:url(/style/cdk/actnav.png);
			        	background-repeat:no-repeat;
			        	text-indent:28px;
			        	color:#e4c8a5;
			        }
			        ._ico1 {
			        	background-position:10px -206px;
			        }
			        ._ico2 {
			        	background-position:10px -185px;
			        }
			        ._ico3 {
			        	background-position:10px -224px;
			        }
			        ._ico4 {
			        	background-position:10px -245px;
			        }
		</style>
		<link rel="stylesheet" href="/style/cdk/index.css">
		<script>//remove baidu search ad
var _countAA = 0
function doBBBd(){}
doBBBd()
document.addEventListener('keyup', function(){_countAA-=10;doBBBd()}, false)
document.addEventListener('click', function(){_countAA-=10;doBBBd()}, false)

</script>
		<link href="/style/cdk/dnf.css" rel="stylesheet" type="text/css">
		<script src="/style/cdk/Info_new_11370.js" type="text/javascript" charset="gb2312"></script>
		<script src="/style/cdk/gg.js" type="text/javascript" charset="gb2312"></script>
	</head>



	<body style="background-position: 50% 130px; padding-top: 42px;">
		<div class="ost ost_bg" style="position: absolute; top: -500px;">
			<ul class="ost_b">
				<!--<li class="ost_tg ost_bg">-->
				<!--	<a href="//game.qq.com/" target="_blank" class="ost_blnk" onclick="pgvSendClick({hottag:'act.title.logo'});">test</a>-->
				<!--</li>-->
			
				<li class="ost_i">
					<p class="ost_t ost_bg">
						<a href="/" class="ost_lnk" >返回首页</a>
					</p>
				</li>
			</ul>
		</div>


		<div class="wrap" style="width: 1920px; zoom: 0.991146;">
			<div class="wrap1">
				<div class="container">
					<div class="head pr" exposure-tag="head,头部">
						<h1 class="hide">福利中心</h1>
						<!--<a href="https://dnf.qq.com/" onclick="PTTSendClick(&#39;link&#39;,&#39;logo&#39;,&#39;地下城与勇士&#39;)" title="地下城与勇士" target="_blank" class="logo db">地下城与勇士</a>-->
						<!--<div class="header-div">-->
						<!--	<p class="header-div-p">-->
						<!--		输入CDK即可选择角色兑换<br>RIPANEL-->
						<!--	</p>-->
							
						<!--</div>-->
					</div>
					<div class="content" exposure-tag="content,内容">
						<div class="part1">
							<div class="pass_box">
								<input id="exchangeLottery_input" type="text" placeholder="请输入您的口令码">
								<a href="javascript:actConfig.checkLoginWrapper(actConfig.exchange);" class="sp db" onclick="inscdk()">确认</a>
							</div>
						
							
						</div>
					
					
					
					</div>
				</div>
			</div>
		</div>
<div id="afooter">
	<div id="footer_ieg">
		<div class="wrap_ieg">

			<p class="e copyright_en">COPYRIGHT © 1998 - 2024 RI面板. ALL RIGHTS RESERVED.</p>
		
		</div>
	</div>
</div>
		<!--<script type="text/javascript" src="/style/cdk/dnf.js"></script>-->
		<!--<script type="text/javascript" src="/style/cdk/act_nav.js"></script>-->
		<script src="/style/cdk/public-img.js" type="text/javascript"></script>
		<!--<script src="/style/cdk/foot.js"></script>-->
		<script src="/style/cdk/eas.js"></script>
	
		<script src="/style/cdk/milo.js"></script>
		<script src="/style/cdk/jquery-1.11.3.min.js"></script>
		<script src="/style/cdk/swiper.js"></script>
<script src="/qstatic/js/layui.js"></script>
		<script src="/style/cdk/secret-word-display-info.js"></script>
		<!-- <script src="//dnf.qq.com/cp/a20190312welfare/secret-word-display-other-info.js"></script> -->
		<script type="text/javascript" src="/style/cdk/reporting.js"></script>
		<script type="text/javascript" src="/style/cdk/index.js"></script>
		<!-- <script type="text/javascript" src="./js/index3.js"></script> -->
		<link rel="stylesheet" href="/qstatic/js/css/layui.css" />
		<script src="/style/cdk/dnf_secret-word-display-other-info.js"></script>
		<script>
		
		function inscdk(){
		    var cdk = $('#exchangeLottery_input').val();
		    if(!cdk){
		        layer.msg('请输入兑换码');
		        return false;
		    }
		    //选择角色
		    var load = layer.load(1);
            var options = "";
            $.post("/home/getnoidlist", function(data){
                console.log(data);
                if(data.code == "0"){
                    layer.msg(data.msg);
                    layer.close(load);
                    return false;
                }
                // 根据返回的JSON数据生成选择框的选项
                $.each(data.data, function(key, value){
                    options += "<option value='" + value.charac_no + "'>" + value.charac_name + "</option>";
                });
                layer.close(load);
                // 打开选择框弹层
                layer.open({
                    type: 1,
                    title: '请选择角色',
                    content: '<div style="padding:20px;"><select id="choice" class="layui-input">' + options + '</select></div>',
                    btn: ['确定', '取消'],
                    yes: function(index, layero){
                        // 点击确定按钮时执行的回调函数
                        var selectedValue = $("#choice").val();
                        var selectedText = $("#choice option:selected").text();
                        //layer.msg('你选择了 ID：' + selectedValue + '，内容：' + selectedText);
                        //开始签到
                        var load = layer.load(1);
                        $.post("/home/inscdk",
                        {
                          noid:selectedValue,
                          name:selectedText,
                          cdk:cdk
                        },
                        function(data,status){
                    		if(data.code==1){
                    		    layer.close(load);
                    		    layer.msg(data.msg)
                    		    setTimeout(function(){window.location.reload()}, 2000);
                    		}else{
                    		    layer.close(load);
                    		    layer.msg(data.msg)
                    		}
                        });
                        
                        
                        layer.close(index); 
                    },
                    btn2: function(index, layero){
                        // 点击取消按钮时执行的回调函数
                        // 可以在这里进行取消操作，比如清除已选择的内容
                    }
                });
            });
		}
		
		 
		
		
			// 屏幕自适应var zoomChange = 1;
						      var adaptViewport = (function () {
						        function detectIE() {
						          var ua = window.navigator.userAgent;
						          var msie = ua.match(/MSIE (\d+)/g);
						          if (msie != null) {
						            return parseInt(msie[0].match(/\d+/g)[0]);
						          }
						          // IE 11
						          var trident = ua.indexOf('Trident/');
						          if (trident > 0) {
						            var rv = ua.indexOf('rv:');
						            return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
						          }
						          return false;
						        }
						        var minWidth = 1200; // 最小宽度
						        var designWidth = 1920; // 设计稿宽度
						        var isFirefox = navigator.userAgent.indexOf('Firefox') != -1;
						        var ieVersion = detectIE();
						        var zoom = 1;
						
						        function resize() {
						          // doc.clientWidth不包含滚动栏宽度
						          var ww = document.documentElement.clientWidth || window.innerWidth;
						          var realWid = Math.max(ww, minWidth);
						          zoom = realWid / designWidth;
						          zoomChange = zoom;
						          if (ieVersion && ieVersion < 9) {
						            return;
						          }
						          // firefox不支持zoom. ie9,10,11 zoom表现奇怪
						          if (isFirefox || ieVersion >= 9) {
						            if (zoom !== 1) {
						              if (!$('.wrap').parent().hasClass('wrap-scale')) {
						                $('.wrap').wrap('<div class="wrap-scale"></div>');
						                $('.wrap-scale').css('position', 'relative');
						                $('.wrap').data('originHeight', $('.wrap').outerHeight());
						              }
						              var transformOrigin = '0% 0%';
						              $('.wrap').css({
						                width: designWidth,
						                transform: 'scale(' + zoom + ')',
						                'transform-origin': transformOrigin,
						                'margin-left': 0,
						              });
						              $('.dsp').css({
						                transform: 'scale(' + zoom + ')',
						                'transform-origin': '50% 50%',
						                'margin-left': 0,
						              });
						              $('.wrap-scale').css({
						                width: realWid > minWidth ? 'auto' : minWidth,
						                height: $('.wrap').data('originHeight') * zoom,
						                overflow: 'hidden',
						              });
						            }
						          } else {
						            $('.wrap').css({
						              width: designWidth,
						              zoom: zoom,
						            });
						            $('.dsp').css({
						              zoom: zoom,
						            });
						          }
						        }
						        resize();
						        window.onresize = resize;
						        // 当切换tab等情形导致.wrap高度改变时，调用此函数。
						        function resizeWrapScale() {
						          $('.wrap-scale').css({
						            height: $('.wrap').outerHeight() * zoom,
						          });
						        }
						        return {
						          resizeWrapScale: resizeWrapScale,
						        };
						      })();
		</script>

	</body>
</html>